/* stylelint-disable at-rule-no-unknown,at-rule-empty-line-before */
@import "../../../style/default";
@import "mixin";

// Grid system
.#{$style-prefix}-row {
  @include make-row();
  display: block;
  box-sizing: border-box;
}

.#{$style-prefix}-row-flex {
  display: flex;
  flex-flow: row wrap;

  &:before,
  &:after {
    display: flex;
  }
}

// x轴原点
.#{$style-prefix}-row-flex-start {
  justify-content: flex-start;
}

// x轴居中
.#{$style-prefix}-row-flex-center {
  justify-content: center;
}

// x轴反方向
.#{$style-prefix}-row-flex-end {
  justify-content: flex-end;
}

// x轴平分
.#{$style-prefix}-row-flex-space-between {
  justify-content: space-between;
}

// x轴有间隔地平分
.#{$style-prefix}-row-flex-space-around {
  justify-content: space-around;
}

// 顶部对齐
.#{$style-prefix}-row-flex-top {
  align-items: flex-start;
}

// 居中对齐
.#{$style-prefix}-row-flex-middle {
  align-items: center;
}

// 底部对齐
.#{$style-prefix}-row-flex-bottom {
  align-items: flex-end;
}

.#{$style-prefix}-col {
  position: relative;
  display: block;
}

//@include make-grid-columns();
//@include make-grid();
//
//// Extra small grid
////
//// Columns, offsets, pushes, and pulls for extra small devices like
//// smartphones.
//
//@include make-grid(-xs);
//
//// Small grid
////
//// Columns, offsets, pushes, and pulls for the small device range, from phones
//// to tablets.
//
//@media (min-width: $screen-sm-min) {
//  @include make-grid(-sm);
//}
//
//// Medium grid
////
//// Columns, offsets, pushes, and pulls for the desktop device range.
//
//@media (min-width: $screen-md-min) {
//  @include make-grid(-md);
//}
//
//// Large grid
////
//// Columns, offsets, pushes, and pulls for the large desktop device range.
//
//@media (min-width: $screen-lg-min) {
//  @include make-grid(-lg);
//}
//
//// Extra Large grid
////
//// Columns, offsets, pushes, and pulls for the full hd device range.
//
//@media (min-width: $screen-xl-min) {
//  @include make-grid(-xl);
//}
//
//// Extra Extra Large grid
////
//// Columns, offsets, pushes, and pulls for the full hd device range.
//
//@media (min-width: $screen-xxl-min) {
//  @include make-grid(-xxl);
//}
